<template>
	<view>
		<view class="bgc">

			<view class="content">
				<view class="title">
					{{title}}
				</view>
				<view class="vtitle">
					{{add_time}}
				</view>
				<view class="text">
					<rich-text :nodes="content"></rich-text>
				</view>
				<view class="btn" @click="fanhui">
					返回
				</view>
			</view>

		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				content: '',
				add_time: '',
				title: ''
			};
		},
		onLoad({
			content,
			add_time,
			title
		}) {
			this.content = content
			this.add_time = add_time
			this.title = title

		},
		methods: {
			fanhui() {
				uni.navigateBack({
					delta: 1
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.bgc {
		background-color: #fef2e6;
		width: 100vw;
		height: 200rpx;
		position: relative;

		.content {
			position: absolute;
			top: 50rpx;
			left: 30rpx;
			width: 690rpx;
			background-color: #fff;
			border-radius: 12rpx;
			box-sizing: border-box;
			padding: 30rpx;

			.title {
				text-align: center;
				font-size: 32rpx;
				font-weight: 400;
			}

			.vtitle {
				color: #747474;
				text-align: center;
				font-size: 24rpx;
				font-weight: 400;
				margin-top: 17rpx;
				margin-bottom: 24rpx;
			}

			.text {
				width: 100%;
				height: 1155rpx;
				overflow-y: auto;
				font-size: 24rpx;
				font-weight: 400;
			}

			.btn {
				position: fixed;
				bottom: 40rpx;
				bottom: calc(40rpx + constant(safe-area-inset-bottom));
				bottom: calc(40rpx + env(safe-area-inset-bottom));
				right: 20rpx;
				width: 166rpx;
				height: 66rpx;
				border-radius: 10rpx;
				border: 1rpx solid #d8d8d8;
				background: #fb8b07;
				text-align: center;
				line-height: 66rpx;
				color: #fff;
				font-size: 28rpx;
			}

		}
	}
</style>